
#latest-updates + .latest-news {
  p {
    display: grid;
    grid-template-columns: 10ch 1fr;
    gap: 0.5rem;
    margin: 0.5rem;
    align-items: start;
    @media (max-width: 480px) {
      gap: 0;
      grid-template-columns: 1fr;
    }
  }

  span {
    white-space: nowrap;
  }
}

.heading-date {
  float: right;
  position: relative;
  padding-left: 28px;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  color: var(--vp-c-text-2);
  transition: opacity 0.2s, color 0.2s;

  h2:hover & {
    color: var(--vp-c-text-1);
  }

  iconify-icon {
    opacity: 0;
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 24px;
    line-height: 1em;
    color: var(--vp-c-text-3);
    transition: opacity 0.2s, color 0.2s;

    h2:hover & {
      opacity: 1;
      color: var(--vp-c-brand);
    }

    div:hover:has(> h2) & {
      opacity: 1;
    }
  }
}
